﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MainMaster.Master" AutoEventWireup="true"
    CodeBehind="EasyDateTime.aspx.cs" Inherits="EasyUI.Controls.DateTimeBox" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div class="controlHeader">
        DateTimeBox Control</div>
    <div>
        <div class="controlDemo">
            <span>Demo1:Select Date</span>
            <input type="text" class="Wdate" onfocus="WdatePicker();" />
        </div>
        <div class="controlDemo">
            <span>Demo2:Select DateTime</span>
            <input type="text" class="Wdate" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss',autoPickDate:true});" />
        </div>
        <div class="controlDemo">
            <span>More default parameters:</span>
            <ol>
                <li>doubleCalendar:false</li>
                <li>enableKeyboard:true</li>
                <li>enableInputMask:true</li>
                <li>autoUpdateOnChanged:null</li>
                <li>whichDayIsfirstWeek:4</li>
                <li>position:{}</li>
                <li>lang:"en"</li>
                <li>skin:"default"</li>
                <li>dateFmt:"yyyy-MM-dd"</li>
                <li>realDateFmt:"yyyy-MM-dd"</li>
                <li>realTimeFmt:"HH:mm:ss"</li>
                <li>realFullFmt:"%Date %Time"</li>
                <li>minDate:"1900-01-01 00:00:00"</li>
                <li>maxDate:"2099-12-31 23:59:59"</li>
                <li>startDate:""</li>
                <li>alwaysUseStartDate:false</li>
                <li>yearOffset:1911</li>
                <li>firstDayOfWeek:0</li>
                <li>isShowWeek:false</li>
                <li>highLineWeekDay:true</li>
                <li>isShowClear:true</li>
                <li>isShowToday:true</li>
                <li>isShowOK:true</li>
                <li>isShowOthers:true</li>
                <li>readOnly:false</li>
                <li>errDealMode:0</li>
                <li>autoPickDate:null</li>
                <li>qsEnabled:true</li>
                <li>autoShowQS:false</li>
            </ol>
        </div>
        <div class="controlDemo">
            <span>Source Code 1: </span>

            <script type="syntaxhighlighter" class="brush:html"><![CDATA[   
             <input type="text" class="Wdate" onfocus="WdatePicker();" />
            ]]></script>

        </div>
                <div class="controlDemo">
            <span>Source Code 2: </span>

            <script type="syntaxhighlighter" class="brush:html"><![CDATA[   
            <input type="text" class="Wdate" 
                onfocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss',autoPickDate:true});" />
            ]]></script>

        </div>
        <div class="controlDemo">
            <span>How to use:</span>
            <ol>
                <li>
                    Add My97DatePicker folder to your project and WdatePcker.js to your page.
                </li>
                <li>Apply attribute [onfocus] to your button</li>
            </ol>
        </div>
        <div class="controlDemo">
            <span>Note</span>
            <ol>
                <li>Base on JQuery <a href='#'>[DownLoad]</a></li>
                <li>Browser: IE7.0+; Fiefox2.0+; Opera9.0+</li>
                <li>OS: Windows; Mac; Linux</li>
            </ol>
        </div>
    </div>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="ScriptPlaceHolder" runat="server">

    <script src="../Script/My97DatePicker/WdatePicker.js" type="text/javascript"></script>

</asp:Content>
